.btn {
  display: inline-block;
  color: $white-color;
  cursor: pointer;
  margin: 0 4px 0 0;
  padding: 6px 15px;
  font-size: 13px;
  line-height: 1.33;
  border: none;
  border-radius: 3px;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  &:focus{
    outline: none;
  }
}

.btn-default {
  color: #2185c5;
  background-color: rgba(255, 255, 255, 0.6);
}

.btn-default:hover {
  background-color: rgba(255, 255, 255, 0.9);
}


.btn-default-light{
  color: $blue-color;
  background-color: transparent;
  border: 1px solid $blue-color;
  &:focus{
    color: $blue-color;
  }
  &:hover{
    background-color: $blue-color;
    color: $white-color;
    border: 1px solid $blue-color;
  }
  &:disabled, &:disabled:hover{
    color: #CBD2D8;
    background-color: transparent;
    border: 1px solid #CBD2D8;
  }

}
.btn-default-dark{
  color: $white-color;
  background-color: $blue-color;
  border: 1px solid $blue-color;
  &:focus{
    color: $white-color;
  }
  &:hover{
    color: $white-color;
    background-color: $blue-color;
    border: 1px solid $blue-color;
  }
}
.btn-add, .btn-delete{
  background-color: $blue-color;
  padding: 5px 15px;
}
